<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>微笑作业</title>
		<style>
		    .d1 {
		        width: 300px;
		        margin: 50px auto;
		    }
		    .d2 {
		        width: 300px;
		        height: 300px;
		        border-radius: 50%;
		        background-color: orange;
		        position: relative;
		    }
		    .d3 {
		        width: 100px;
		        height: 40px;
		        background-color: white;
		        border-radius: 20px;
		        position: absolute;
		        top: 80px;
		        left: 50px;
		    }
		    .d4 {
		        width: 20px;
		        height: 20px;
		        border-radius: 50%;
		        background-color: black;
		        position: absolute;
		        top: 90px;
		        left: 60px;
		    }
		    .d5 {
		        width: 100px;
		        height: 40px;
		        background-color: white;
		        border-radius: 20px;
		        position: absolute;
		        top: 80px;
		        right: 50px;
		    }
		    .d6 {
		        width: 20px;
		        height: 20px;
		        border-radius: 50%;
		        background-color: black;
		        position: absolute;
		        top: 90px;
		        right: 113px;
		    }
		    .d7 {
		        width: 80px;
		        height: 80px;
		        border-radius: 50%;
		        background-color: pink;
		        position: absolute;
		        top: 130px;
		        left: 40px;
		    }
		    .d8 {
		        width: 80px;
		        height: 80px;
		        border-radius: 50%;
		        background-color: pink;
		        position: absolute;
		        top: 130px;
		        right: 40px;
		    }
		    
		    .d9{
				width: 200px;
				height: 200px;
				border-top: 10px solid red;
				border-left: 10px solid red;
				border-radius: 50%;
				transform:rotate(228deg) ;
				position: relative;
				top:78px;
				left:43px
			}
		</style>
	</head>
	<body>
		<div class="d1">
		    <div class="d2">
		        <div class="d3"></div>
		        <div class="d4"></div>
		        <div class="d5"></div>
		        <div class="d6"></div>
		        <div class="d7"></div>
		        <div class="d8"></div>
		        <div class="d9"></div>
		    </div>
		</div>
	</body>
</html>